 .right-sidebar-tabs {
     height: 100%;

     .ant-tabs-content,
     .ant-tabs-tabpane {
         height: 100%;

     }

     .ant-tabs-nav,
     .ant-tabs-nav-wrap,
     .ant-tabs-nav-list {
         width: 30px;
         min-width: 30px;

         .ant-tabs-tab {
             padding: 0;
             justify-content: center;
         }
     }
 }

 .editor-panel {
     .editor-panel-header {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 8px 16px;
     }

     .editor-panel-form {
         padding: 16px 8px;
     }
 }

 .flex-row {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 .textarea-wrapper {
     position: relative;

     .open-full-editor {
         position: absolute;
         bottom: 5px;
         right: 15px;
         cursor: pointer;

         &:hover {
             color: #108ee9;
         }
     }
 }

 .right-sidebar-resize-handle {
     position: absolute;
     left: -2px;
     top: 0;
     width: 4px;
     height: 100%;
     cursor: col-resize;
     background: transparent;
     transition: background-color 0.3s;

     &:hover,
     &.handle-left {
         background-color: #007acc;
     }
 }